//百分之百宽
.full-width {
  width: 100%;
}

//百分之百高
.full-height {
  height: 100%;
}

.full {
  width: 100%;
  height: 100%;
}

.clickhover{
  cursor: pointer;
}
.clickhover:hover{
  background: rgba(255, 255, 255, .1);
  box-shadow: 3px 3px 6px 3px rgba(0, 0, 0, .1);
}
.gird {
  > div {

  }
}


.dt {
  display: table;

  .dr {
    display: table-row;
  }

  .dc {

    display: table-cell;
    vertical-align: middle;

  }
}


//循环等分生成12种等分规则
.generate-all(12);
.generate-all(@n,@i:1) when (@i<=@n) {
  .generate-w(@i);
  .generate-h(@i);
  .generate-all(@n, (@i+1));
}

//循环生成宽度
.generate-w(@n, @i: 1) when (@i =< @n) {
  .w-@{i}-@{n} {
    width: (@i * 100% / @n);
    float: left;
  }
  .generate-w(@n, (@i + 1));
}

//循环生成高度
.generate-h(@n, @i: 1) when (@i =< @n) {
  .h-@{i}-@{n} {
    height: (@i * 100% / @n);
  }
  .generate-h(@n, (@i + 1));
}
html {


  ::-webkit-scrollbar {
    width: 5px;
    height: 5px;
  }

  /* 滚动槽 */

  ::-webkit-scrollbar-track {
    /*-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);*/
    border-radius: 10px;
    width: 10px;
  }

  /* 滚动条滑块 */

  ::-webkit-scrollbar-thumb {
    border-radius: 2px;
    background: #42b983;
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.5);
  }

  ::-webkit-scrollbar-thumb:window-inactive {
    background: #42b983;
  }
}
